<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理员后台</title>

</head>
<body>
    <p>
    管理员账号：<input type="text" id="useraccount" name="useraccount" placeholder="请输入账号"/>
    </p>
    <p>
    管理员密码：<input type="password" id="password" name="password" placeholder="请输入密码"/>
    </p>
    <p>
        <input type="button" id="login" name="login" value="登录">
    </p>
    <script src="js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
        <!--js代码，使用jquery的ajax发送请求-->

        //1.监听用户的点击事件
        var btn = document.getElementById("login");
        btn.onclick = function (){
            //2.使用dom对象(document)获取到输入的内容（点击的时候再接收数据）
            var account = document.getElementById("useraccount").value;
            var password = document.getElementById("password").value;
            //3.构建一个网络请求
            var config={
                method:"GET",
                url:"/CangKu_guanli_war/manager?method=login&account="+account+"&password="+password,
                dataType:"json",
                success:function (resp){
                    //网络请求成功后，回调该处代码
                    console.log(resp);
                },
            }
            $.ajax(config);
        }
    </script>
</body>
</html>